import React, { PureComponent } from "react";
import JAutoComplete from "../../../components/Form/JAutoComplete";
import RightCarList from "./RightCarList";
import "./searchCarList.less";

class SearchCarList extends PureComponent {
  constructor() {
    super();
  }
  carItemClick(index, item) {
    this.props.carItemClick(index, item);
  }
  render() {
    return (
      <div className="search-car-list-cn">
        <JAutoComplete placeholder="输入业户" type="user" />
        <JAutoComplete placeholder="输入车牌号" type="carno" />
        <div className="font-normal font-color-light list-res-row">
          <div>车辆数: 3</div>
          <div>
            在线数: <span className="font-color-zhu">2</span>
          </div>
          <div className="font-color-l-light">清除</div>
        </div>
        <div className="j-car-list-container">
          <RightCarList onItemClick={this.carItemClick.bind(this)} />
        </div>
      </div>
    );
  }
}

export default SearchCarList;
